<div class="some-list" style="width:300px;margin-left: 15px;">
	<div class="some-list-header" style="background-color:#9A9A9A;color:#FFF;">
		<span class="title">Pinpoint User <span class="total"></span></span>
		<span ng-show="canEditUserInfo" class="right" style="text-decoration: underline;cursor:pointer" ng-click="onAddPinpointUser()">+ Add</span>
	</div>
	<div class="some-list-search">
		<div class="input-group">
			<input type="text" class="form-control" placeholder="Enter at least 2 letters to search" ng-keydown="onSearchKeydown($event)"/>
			<span class="input-group-btn">
				<button class="btn btn-default" type="button" ng-click="onSearch()">
					<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
				</button>
			</span>
		</div>
	</div>
	<div class="some-list-content" style="color:#9A9A9A;">
		<div class="wrapper _disable-check"><ul>
			<li class="new-group hide-me">
				<input type="text" class="form-control" style="height:25px" placeholder="User Id" ng-keydown="onEditPinpointUserKeydown($event)"/>
			</li>
			<li class="new-group hide-me">
				<input type="text" class="form-control" style="height:25px" placeholder="Name" ng-keydown="onEditPinpointUserKeydown($event)"/>
			</li>
			<li class="new-group hide-me">
				<input type="text" class="form-control" style="height:25px" placeholder="Department" ng-keydown="onEditPinpointUserKeydown($event)"/>
			</li>
			<li class="new-group hide-me">
				<input type="text" class="form-control" style="height:25px" placeholder="Phone" ng-keydown="onEditPinpointUserKeydown($event)"/>
			</li>
			<li class="new-group hide-me">
				<input type="text" class="form-control" style="height:25px" placeholder="Email" ng-keydown="onEditPinpointUserKeydown($event)"/>
				<div style="float:right" class="_add hide-me">
					<span class="glyphicon glyphicon-remove remove" aria-hidden="true" ng-click="onCancelAddPinpointUser()"></span>
					<span class="glyphicon glyphicon-ok edit" aria-hidden="true" ng-click="onApplyAddPinpointUser()"></span>
				</div>
				<div style="float:right" class="_edit hide-me">
					<span class="glyphicon glyphicon-remove remove" aria-hidden="true" ng-click="onCancelUpdatePinpointUser()"></span>
					<span class="glyphicon glyphicon-ok edit-confirm" aria-hidden="true" ng-click="onApplyUpdatePinpointUser()"></span>
				</div>
			</li>
			<li ng-repeat="pinpointUser in pinpointUserList" id="{{prefix + pinpointUser.userId}}">
				<span class="contents" style="margin-left:6px">{{"("+pinpointUser.department + ")" + pinpointUser.name}}</span>
				<input type="checkbox" ng-click="checkUser($event)" ng-model="pinpointUser.has" ng-disabled="pinpointUser.has"/>
				<div style="float:right" class="_normal" ng-show="canEditUserInfo">
					<span class="glyphicon glyphicon-remove remove" aria-hidden="true" ng-click="onRemovePinpointUser($event)"></span>
					<span class="glyphicon glyphicon-pencil edit" aria-hidden="true" ng-click="onUpdatePinpointUser($event)"></span>
				</div>
				<div style="float:right" class="_remove hide-me" ng-show="canEditUserInfo">
					<span class="glyphicon glyphicon-remove remove remove-confirm" aria-hidden="true" ng-click="onApplyRemovePinpointUser()"></span>
					<span class="glyphicon glyphicon-arrow-left remove-cancel" aria-hidden="true" ng-click="onCancelRemovePinpointUser()"></span>
				</div>
			</li>
		</ul></div>
	</div>
	<div class="some-loading hide-me">
		<div class="timer-loader"></div>
	</div>
	<div class="some-alert hide-me">
		<span class="message"></span>
		<span class="close-alert" style="color:#FFF;" ng-click="onCloseAlert()">X</span>
	</div>
</div>

